import React, { Component } from 'react';



class ConsoleHelper extends Component {
    cssLog() {
        console.log(`%cTest`, 'background-color: black; color: white; font-size: 16px');
    }
    groupLog() {
        console.group('test-group');
        console.log(`%cTest1`, 'background-color: black; color: white; font-size: 16px');
        console.log(`%cTest2`, 'background-color: black; color: white; font-size: 16px');
        console.log(`%cTest3`, 'background-color: black; color: white; font-size: 16px');
        console.groupEnd();
    }
    tableLog() {
        console.time('test counting');
        const wp = { name: 'wangpeng', age: 18, gender: 'male' };
        const zc = { name: 'zhangchao', age: 30, gender: 'male' };
        const arr = [wp, zc];
        setTimeout(() => {
            console.table(arr);
        }, 500);
        console.timeEnd('test counting');
    }
}

export { ConsoleHelper };
export default ConsoleHelper;
